import React from 'react'

interface NoNFTImageProps {
  className?: string
}

const NoNFTImage = ({ className }: NoNFTImageProps) => (
  <svg xmlns="http://www.w3.org/2000/svg" className={className} viewBox="0 0 155 208" fill="none">
    <g opacity="0.1">
      <path
        d="M34.7836 29.3033C34.7836 15.8168 45.7678 4.88379 59.3175 4.88379H125.559C139.109 4.88379 150.093 15.8168 150.093 29.3033V151.401C150.093 164.887 139.109 175.82 125.559 175.82H59.3175C45.7678 175.82 34.7836 164.887 34.7836 151.401V29.3033Z"
        fill="white"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M29.8768 29.3034C29.8768 13.1196 43.0579 0 59.3176 0H125.559C141.819 0 155 13.1196 155 29.3034V151.401C155 167.585 141.819 180.704 125.559 180.704H59.3176C43.0579 180.704 29.8768 167.585 29.8768 151.401V29.3034ZM59.3176 9.7678C48.4778 9.7678 39.6904 18.5142 39.6904 29.3034V151.401C39.6904 162.19 48.4778 170.937 59.3176 170.937H125.559C136.399 170.937 145.186 162.19 145.186 151.401V29.3034C145.186 18.5142 136.399 9.7678 125.559 9.7678H59.3176Z"
        fill="#0C0B0B"
      />
      <path
        d="M7.63104 56.2183C6.36733 42.7906 16.2792 30.8856 29.7699 29.6278L96.2863 23.4261C109.777 22.1683 121.738 32.034 123.001 45.4617L134.497 167.612C135.761 181.039 125.849 192.944 112.358 194.202L45.8419 200.404C32.3513 201.662 20.3905 191.796 19.1268 178.368L7.63104 56.2183Z"
        fill="white"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M2.74578 56.6747C1.22933 40.5614 13.1236 26.2754 29.3124 24.7661L95.8288 18.5643C112.018 17.055 126.371 28.8938 127.887 45.0071L139.383 167.157C140.899 183.27 129.005 197.556 112.816 199.066L46.2997 205.267C30.1109 206.777 15.758 194.938 14.2415 178.825L2.74578 56.6747ZM30.2277 34.4913C19.4352 35.4975 11.5056 45.0215 12.5166 55.7637L24.0123 177.914C25.0233 188.656 34.5919 196.548 45.3845 195.542L111.901 189.34C122.693 188.334 130.623 178.81 129.612 168.068L118.116 45.9181C117.105 35.1759 107.537 27.2833 96.7441 28.2896L30.2277 34.4913Z"
        fill="#0C0B0B"
      />
      <g clipPath="url(#clip0)">
        <path
          d="M97.9743 98.7904C95.9002 97.0036 93.2351 96.1719 90.5359 96.4235L49.7769 100.223C47.1226 100.47 44.6998 101.731 43.0316 103.777C41.3184 105.827 40.5188 108.421 40.7664 111.053C41.1862 115.515 44.6147 119.155 49.0877 119.909C49.9184 120.056 50.7816 120.066 51.6364 119.986L59.3293 119.269C60.9038 119.122 62.281 120.254 62.4279 121.815L65.0387 149.564C65.0723 149.921 65.1101 150.323 65.1887 150.675C66.2478 155.662 70.7801 158.975 75.9087 158.497C75.9987 158.489 76.0886 158.48 76.1336 158.476C81.4746 157.843 85.4145 152.931 84.9024 147.488L82.3126 119.962C82.1656 118.4 83.3078 117.034 84.8823 116.887L92.1704 116.208C97.5689 115.705 101.755 110.994 101.444 105.758C101.278 103.028 100.049 100.577 97.9743 98.7904Z"
          fill="#0C0B0B"
        />
        <path
          d="M69.5477 91.8547C76.8276 91.1761 82.1785 84.7737 81.4993 77.5546C80.8201 70.3354 74.3679 65.0332 67.088 65.7118C59.8081 66.3903 54.4572 72.7927 55.1365 80.0119C55.8157 87.231 62.2678 92.5332 69.5477 91.8547Z"
          fill="#0C0B0B"
        />
      </g>
    </g>
    <defs>
      <clipPath id="clip0">
        <rect
          width="60.9064"
          height="93.1589"
          fill="white"
          transform="matrix(0.995684 -0.0928083 0.0936726 0.995603 36.7662 68.5381)"
        />
      </clipPath>
    </defs>
  </svg>
)

export default NoNFTImage
